<template>
  <div class="main-header">
    <el-menu class="el-menu-demo" mode="horizontal" :ellipsis="false">
      <el-menu-item index="0">
        <img class="logo" src="@/assets/img/logo.svg" alt="Element logo" />
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="scss">
.el-menu--horizontal > .el-menu-item:nth-child(1) {
  margin-right: auto;
}

.main-header {
  .logo {
    width: 100px;
    height: 50px;
  }
}
</style>
